<template>
  <div>
    <!-- <h1>这是售后页面,</h1> -->
    <van-nav-bar
      title="退还售后"
      left-text="返回"
      right-text="退货说明"
      left-arrow
      @click-left="onClickLeft"
      @click-right="onClickRight"
    />
    <div>
      <div>
      <van-tabs v-model="active">
        <van-tab title="退货申请"></van-tab>
        <van-tab title="申请记录"></van-tab>
      </van-tabs>
    </div>
    </div>
    <div>
      <van-empty
        class="custom-image"
        image="https://img.yzcdn.cn/vant/custom-empty-image.png"
        description="暂无申请记录"
      />
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      active: 2
    }
  },
  methods: {
    onClickLeft() {
      this.$router.push({
        name: '我的'
      });
    },
    onClickRight() {
      // 跳转到退货说明
      this.$router.push({
        name: '退货'
      });
    }
  }
};
</script>
<style scoped>
.custom-image .van-empty__image {
  width: 90px;
  height: 90px;
}
</style>